<template>
  <view>
    <u-search
      placeholder="日照香炉生紫烟"
      v-model="keyword"
    ></u-search>
    {{keyword}}
  </view>
</template>

<script>
// 全局变量 获取商品列表 请求参数
let params = {
  // 否	string	关键字
  query: "",
  // 否	string	分类id
  cid: "",
  // 否	number	页码
  pagenum: 1,
  // 否	number	页容量
  pagesize: 10,
};

// 防抖 希望用下一次输入 来清空上一次的延时器
let timeId;

export default {
  data() {
    return {
      keyword: "",
    };
  },
  watch: {
    keyword() {
      // console.log(this.keyword);
      // 防抖处理
      clearTimeout(timeId);
      timeId = setTimeout(async () => {
        params.query = this.keyword;
        const res = await this.$u.api.getGoodsSearch(params);
        console.log(res);
      }, 1500);
    },
  },
};
</script>

<style>
</style>